<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/tustyle.css">
    <!--<link rel="stylesheet" type="text/css" href="css/normalize.css" />-->
    <!--<link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css">-->
    <link rel="stylesheet" href="css/app.css">
    <script src="js/jquery.js"></script>
    <title>小米商城</title>
</head>

<body>
    <div class="firstTop" style="background-image: url(img/1.jpg)">
        <a class="firstTop-link" href=""></a>
    </div>
    <div class="firstT-bar">
        <div class="container">
            <div class="firstT-left">
                <a href="">小米商城</a><span class="sep">｜</span><a href="">MIUI</a><span class="sep">｜</span><a href="">米聊</a>
                <span class="sep">｜</span><a href="">游戏</a><span class="sep">｜</span><a href="">多看阅读</a><span class="sep">｜</span>
                <a href="">云服务</a>
                <span class="sep">｜</span><a href="">金融</a><span class="sep">｜</span><a href="">小米商城移动版</a><span class="sep">｜</span>
                <a href="">问题反馈</a><span class="sep">｜</span><a href="">Select Region</a>
            </div>
            <div class="firstT-right">
                <a href="">
                   <i class="iconfont"></i>购物车
                    <span>(0)</span>
                </a>
                <div class="cart-menu" style="display:none">
                    <div class="loading">
                        购物车里没有商品,赶紧选购吧!
                    </div>
                </div>
            </div>
            <div class="firstT-center">
                <a href="">登录</a><span class="sep">｜</span>
                <a href="">注册</a><span class="sep">｜</span>
                <a href="">消息通知</a>
            </div>
        </div>
    </div>
    <div class="first-header">
        <div class="container">
            <div class="header-logo">
                <a href="" class="logo"></a>
                <div class="doodle"><a class="link-block" style="background-image: url(img/yymi.gif)" href=""></a></div>
            </div>
            <div class="header-nav">
                <ul class="nav-list nav.bar">
                    <li class="nav-category"><a class="link-category" href="">商品分类</a>
                        <div class="header-category">
                            <ul class="header-cat-list">
                                <li class="category-item"><a class="title" href="">手机 电话卡<i class="iconfont"></i></a>
                                    <div class="cate-item">
                                        <ul class="cate-list">
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                                <a class="cate-list4" href="">选购</a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                                <a class="cate-list4" href="">选购</a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                                <a class="cate-list4" href="">选购</a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                                <a class="cate-list4" href="">选购</a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                                <a class="cate-list4" href="">选购</a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                                <a class="cate-list4" href="">选购</a>
                                            </li>
                                        </ul>
                                        <ul class="cate-list">
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                                <a class="cate-list4" href="">选购</a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                                <a class="cate-list4" href="">选购</a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                                <a class="cate-list4" href="">选购</a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                                <a class="cate-list4" href="">选购</a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                                <a class="cate-list4" href="">选购</a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                                <a class="cate-list4" href="">选购</a>
                                            </li>
                                        </ul>
                                        <ul class="cate-list">
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                                <a class="cate-list4" href="">选购</a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                                <a class="cate-list4" href="">选购</a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                                <a class="cate-list4" href="">选购</a>
                                            </li>
                                        </ul>

                                    </div>
                                </li>
                                <li class="category-item"><a class="title" href="">笔记本 平板<i class="iconfont"></i></a>
                                    <div class="cate-item cate-item2">
                                        <ul class="cate-list">
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/321.jpg" alt=""><span class="cate-list3">小米6</span></a>
                                                <a class="cate-list4" href="">选购</a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/322.jpg" alt=""><span class="cate-list3">小米6</span></a>
                                                <a class="cate-list4" href="">选购</a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/321.jpg" alt=""><span class="cate-list3">小米6</span></a>
                                                <a class="cate-list4" href="">选购</a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/322.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/321.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                        </ul>
                                        <ul class="cate-list">
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/322.jpg" alt=""><span class="cate-list3">小米6</span></a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                                <a class="cate-list4" href="">选购</a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="category-item"><a class="title" href="">电视 盒子<i class="iconfont"></i></a>
                                    <div class="cate-item cate-item3">
                                        <ul class="cate-list">
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米电视5A 60英寸</span></a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米电视5A 60英寸</span></a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米电视5A 60英寸</span></a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米电视5A 60英寸</span></a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米电视5A 60英寸</span></a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米电视5A 60英寸</span></a>
                                            </li>
                                        </ul>
                                        <ul class="cate-list">
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米电视5A 60英寸</span></a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米电视5A 60英寸</span></a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米电视5A 60英寸</span></a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米电视5A 60英寸</span></a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米电视5A 60英寸</span></a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米电视5A 60英寸</span></a>
                                            </li>
                                        </ul>
                                        <ul class="cate-list">
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米电视5A 60英寸</span></a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米电视5A 60英寸</span></a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米电视5A 60英寸</span></a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米电视5A 60英寸</span></a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米电视5A 60英寸</span></a>
                                            </li>
                                        </ul>
                                        <ul class="cate-list">
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米电视5A 60英寸</span></a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>
                                            </li>
                                        </ul>

                                    </div>
                                </li>
                                <li class="category-item"><a class="title" href="">路由器 智能硬件<i class="iconfont"></i></a>
                                    <div class="cate-item cate-item3">
                                        <ul class="cate-list">
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/341.png" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/341.png" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/341.png" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/340.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/340.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/340.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                        </ul>
                                        <ul class="cate-list">
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/341.png" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/341.png" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/341.png" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/340.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/340.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/340.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                        </ul>
                                        <ul class="cate-list">
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/340.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/340.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/340.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/340.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                        </ul>
                                        <ul class="cate-list">
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                        </ul>

                                    </div>
                                </li>
                                <li class="category-item"><a class="title" href="">移动电源 电池 插线板<i class="iconfont"></i></a>
                                    <div class="cate-item cate-item2">
                                        <ul class="cate-list">
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/350.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/350.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/350.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/350.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/322.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/321.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                        </ul>
                                        <ul class="cate-list">
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/350.jpg" alt=""><span class="cate-list3">小米6</span></a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/350.jpg" alt=""><span class="cate-list3">小米6</span></a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/21.png" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="category-item"><a class="title" href="">耳机 音响<i class="iconfont"></i></a>
                                    <div class="cate-item cate-item3">
                                        <ul class="cate-list">
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/341.png" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/341.png" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/341.png" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/360.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/360.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/360.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                        </ul>
                                        <ul class="cate-list">
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/361.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/361.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/361.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/361.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/340.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/361.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                        </ul>
                                        <ul class="cate-list">
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/360.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/360.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/361.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/361.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/340.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/361.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                        </ul>
                                        <ul class="cate-list">
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/361.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/361.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/360.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                        </ul>

                                    </div>
                                </li>
                                <li class="category-item"><a class="title" href="">保护套 贴膜<i class="iconfont"></i></a>
                                    <div class="cate-item cate-item4">
                                        <ul class="cate-list">
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/370.jpg" alt=""><span class="cate-list3">小米6</span></a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/370.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/370.jpg" alt=""><span class="cate-list3">小米6</span></a>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="category-item"><a class="title" href="">线材 支架 存储卡<i class="iconfont"></i></a>
                                    <div class="cate-item cate-item4">
                                        <ul class="cate-list">
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/370.jpg" alt=""><span class="cate-list3">小米6</span></a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/370.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/370.jpg" alt=""><span class="cate-list3">小米6</span></a>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="category-item"><a class="title" href="">箱包 服饰 鞋 眼镜<i class="iconfont"></i></a>
                                    <div class="cate-item cate-item4">
                                        <ul class="cate-list">
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/370.jpg" alt=""><span class="cate-list3">小米6</span></a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/370.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/370.jpg" alt=""><span class="cate-list3">小米6</span></a>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="category-item"><a class="title" href="">米兔 生活周边<i class="iconfont"></i></a>
                                    <div class="cate-item cate-item4">
                                        <ul class="cate-list">
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/370.jpg" alt=""><span class="cate-list3">小米6</span></a>
                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/370.jpg" alt=""><span class="cate-list3">小米6</span></a>

                                            </li>
                                            <li class="cate-list1"><a class="cate-list2" href=""><img src="img/370.jpg" alt=""><span class="cate-list3">小米6</span></a>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-item nav-it1"><a class="link" href="">小米手机</a>
                        <div class="navOne navOne1">
                            <div class="container">
                                <ul class="children-list">
                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/9.jpg" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                现货
                                            </div>
                                        </div>
                                    </li>
                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/9.jpg" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                热卖
                                            </div>
                                        </div>
                                    </li>
                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/9.jpg" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                新品
                                            </div>
                                        </div>
                                    </li>
                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/9.jpg" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                新品
                                            </div>
                                        </div>
                                    </li>
                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/9.jpg" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                新品
                                            </div>
                                        </div>
                                    </li>
                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/9.jpg" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                新品
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="nav-item nav-it2"><a class="link" href="">红米</a>
                        <div class="navOne navOne2">
                            <div class="container">
                                <ul class="children-list">
                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/02.jpg" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                新品
                                            </div>
                                        </div>
                                    </li>
                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/02.jpg" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                新品
                                            </div>
                                        </div>
                                    </li>
                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/9.jpg" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                新品
                                            </div>
                                        </div>
                                    </li>
                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/02.jpg" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                新品
                                            </div>
                                        </div>
                                    </li>
                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/02.jpg" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                新品
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="nav-item nav-it3"><a class="link" href="">平板 · 笔记本</a>
                        <div class="navOne navOne3">
                            <div class="container">
                                <ul class="children-list">
                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/03.jpg" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                新品
                                            </div>
                                        </div>
                                    </li>
                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/031.jpg" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                新品
                                            </div>
                                        </div>
                                    </li>
                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/03.jpg" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                新品
                                            </div>
                                        </div>
                                    </li>

                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/031.jpg" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                新品
                                            </div>
                                        </div>
                                    </li>
                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/02.jpg" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                新品
                                            </div>
                                        </div>
                                    </li>


                                </ul>
                            </div>
                    </li>
                    <li class="nav-item nav-it4"><a class="link" href="">电视</a>
                        <div class="navOne navOne4">
                            <div class="container">
                                <ul class="children-list">
                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/051.png" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                新品
                                            </div>
                                        </div>
                                    </li>
                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/051.png" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                新品
                                            </div>
                                        </div>
                                    </li>
                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/052.png" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                新品
                                            </div>
                                        </div>
                                    </li>

                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/052.png" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                新品
                                            </div>
                                        </div>
                                    </li>
                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/051.png" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                新品
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="nav-item nav-it5"><a class="link" href="">盒子 · 影音</a>
                        <div class="navOne navOne5">
                            <div class="container">
                                <ul class="children-list">
                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/054.png" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                新品
                                            </div>
                                        </div>
                                    </li>
                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/054.png" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                新品
                                            </div>
                                        </div>
                                    </li>
                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/053.jpg" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                新品
                                            </div>
                                        </div>
                                    </li>
                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/053.jpg" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                新品
                                            </div>
                                        </div>
                                    </li>
                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/054.png" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                新品
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="nav-item nav-it6"><a class="link" href="">路由器</a>
                        <div class="navOne navOne6">
                            <div class="container">
                                <ul class="children-list">
                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/06.png" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                新品
                                            </div>
                                        </div>
                                    </li>
                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/06.png" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                新品
                                            </div>
                                        </div>
                                    </li>
                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/061.jpg" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                新品
                                            </div>
                                        </div>
                                    </li>
                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/061.jpg" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                新品
                                            </div>
                                        </div>
                                    </li>
                                    <li class="first">
                                        <div class="figure">
                                            <a href=""><img src="img/054.png" alt=""></a>
                                        </div>
                                        <div class="title"><a href="">小米6</a></div>
                                        <P>2499起</P>
                                        <div class="flags">
                                            <div class="flag">
                                                新品
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li class="nav-item"><a class="link" href="">智能硬件</a>
                        <div class=""></div>
                    </li>
                    <li class="nav-item"><a class="link" href="">服务</a>
                        <div class=""></div>
                    </li>
                    <li class="nav-item l1"><a class="link" href="">社区</a></li>
                </ul>

                </div>
                <div class="biaoDan">
                    <form>
                        <input class="search" type="text">
                        <span class="search-bth"></span>
                        <div class="search-xia">
                            <a href="#">小米降噪耳机</a>
                            <a href="#">小米Max 2</a>
                        </div>
                        <div class="searchLa">
                            <ul class="result-list">
                                <li><a href="#">小米5s Plus<span>约有7件</span></a></li>
                                <li><a href="#">小米6<span>约有7件</span></a></li>
                                <li><a href="#">小米MIX<span>约有7件</span></a></li>
                                <li><a href="#">红米Note4<span>约有7件</span></a></li>
                                <li><a href="#">路由器<span>约有7件</span></a></li>
                                <li><a href="#">小米VR眼镜<span>约有7件</span></a></li>
                                <li><a href="#">移动电源<span>约有7件</span></a></li>
                                <li><a href="#">米家摄像机<span>约有7件</span></a></li>
                            </ul>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="lunbo">
        <div class="container">
            <div class="htmleaf-container">
                <div class="slider">
                    <div class="slider-img">
                        <ul class="slider-img-ul">
                            <li><img src="img/045.jpg"></li>
                            <li><img src="img/041.jpg"></li>
                            <li><img src="img/042.jpg"></li>
                            <li><img src="img/043.jpg"></li>
                            <li><img src="img/044.jpg"></li>
                            <li><img src="img/045.jpg"></li>
                            <li><img src="img/041.jpg"></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="lunboXia">
        <div class="container">
            <div class="lunboXia-left">
                <ul class="lunboL-list">
                    <li class="top left"><a href=""><i class="iconfont"></i>选购手机</a></li>
                    <li class="top"><a href=""><i class="iconfont"></i>企业团购</a></li>
                    <li class="top"><a href=""><i class="iconfont"></i>一元活动</a></li>
                    <li class="left"><a href=""><i class="iconfont"></i>小米移动</a></li>
                    <li><a href=""><i class="iconfont"></i>以旧换新</a></li>
                    <li><a href=""><i class="iconfont"></i>话费充值</a></li>
                </ul>
            </div>
            <div class="lunboXia-right">
                <ul class="lunboR-list">
                    <li class="lunboOne"><a href=""><img src="img/410.jpg " alt=""></a></li>
                    <li><a href=""><img src="img/411.jpg " alt=""></a></li>
                    <li><a href=""><img src="img/412.jpg " alt=""></a></li>
                </ul>
            </div>
        </div>
    </div>


    <div class="lunbo2 container">
        <div class="box-top">
            <h2 class="box-top1">小米明星单品</h2>
            <div class="box-top2">
                <a class="box-first box-first1" href="">
                    <</a>
                        <a class="box-last box-last1" href="">></a>
            </div>
        </div>
        <div class="box-bottom">
            <div class="box-bottom1">
                <ul class="box-list">
                    <li class="box-list1">
                        <a class="box-list2" href="">
                            <img src="img/522.png" alt="">
                            </a>
                        <h3 class="title"><a href="">小米6s Plus</a></h3>
                        <p class="desc">享花呗6期分期免息</p>
                        <p class="price">2799元起</p>
                    </li>
                    <li class="box-list1">
                        <a class="box-list2" href="">
                            <img src="img/522.png" alt="">
                            </a>
                        <h3 class="title"><a href="">小米6s Plus</a></h3>
                        <p class="desc">享花呗6期分期免息</p>
                        <p class="price">2799元起</p>
                    </li>
                    <li class="box-list1">
                        <a class="box-list2" href="">
                            <img src="img/522.png" alt="">
                            </a>
                        <h3 class="title"><a href="">小米6s Plus</a></h3>
                        <p class="desc">享花呗6期分期免息</p>
                        <p class="price">2799元起</p>
                    </li>
                    <li class="box-list1">
                        <a class="box-list2" href="">
                            <img src="img/522.png" alt="">
                            </a>
                        <h3 class="title"><a href="">小米6s Plus</a></h3>
                        <p class="desc">享花呗6期分期免息</p>
                        <p class="price">2799元起</p>
                    </li>
                    <li class="box-list1">
                        <a class="box-list2" href="">
                            <img src="img/522.png" alt="">
                            </a>
                        <h3 class="title"><a href="">小米6s Plus</a></h3>
                        <p class="desc">享花呗6期分期免息</p>
                        <p class="price">2799元起</p>
                    </li>
                    <li class="box-list1">
                        <a class="box-list2" href="">
                            <img src="img/523.png" alt="">
                            </a>
                        <h3 class="title"><a href="">小米6s Plus</a></h3>
                        <p class="desc">享花呗6期分期免息</p>
                        <p class="price">2799元起</p>
                    </li>
                    <li class="box-list1">
                        <a class="box-list2" href="">
                            <img src="img/523.png" alt="">
                            </a>
                        <h3 class="title"><a href="">小米6s Plus</a></h3>
                        <p class="desc">享花呗6期分期免息</p>
                        <p class="price">2799元起</p>
                    </li>
                    <li class="box-list1">
                        <a class="box-list2" href="">
                            <img src="img/522.png" alt="">
                            </a>
                        <h3 class="title"><a href="">小米6s Plus</a></h3>
                        <p class="desc">享花呗6期分期免息</p>
                        <p class="price">2799元起</p>
                    </li>
                    <li class="box-list1">
                        <a class="box-list2" href="">
                            <img src="img/523.png" alt="">
                            </a>
                        <h3 class="title"><a href="">小米6s Plus</a></h3>
                        <p class="desc">享花呗6期分期免息</p>
                        <p class="price">2799元起</p>
                    </li>
                    <li class="box-list1">
                        <a class="box-list2" href="">
                            <img src="img/523.png" alt="">
                            </a>
                        <h3 class="title"><a href="">小米6s Plus</a></h3>
                        <p class="desc">享花呗6期分期免息</p>
                        <p class="price">2799元起</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
   
</body>

</html>
<script src="js/index.js"></script>
<script>
    window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js"><\/script>')

</script>
<script type="text/javascript" src="./js/xSlider.js"></script>